import React from 'react'
import "./style.less"

export default function UserInfo ({ city, username }) {
  return (
    <div className="userinfo-container">
      <p>
        <i className="icon-user"></i>
        <span>{username}</span>
      </p>
      <p>
        <i className="icon-map-marker"></i>
        <span>{city}</span>
      </p>
    </div>
  )
}
